<template>
	<!-- 在页面的 template 部分 -->
	<view>
	    <button @click="playMusic">播放音乐</button>
	    <button @click="pauseMusic" style="margin-left: 20px;">暂停音乐</button>
	    <button @click="stopMusic" style="margin-left: 20px;">停止音乐</button>
	</view>

</template>
 
<script>
	// 在页面的 script 部分
	export default {
	    data() {
	        return {
	            innerAudioContext: null // 用于存储内部音频上下文对象
	        };
	    },
	    onLoad() {
	        // 创建内部音频上下文
	        this.innerAudioContext = uni.createInnerAudioContext();
	        
	        // 设置音频文件的路径（这里以网络路径为例）
	        this.innerAudioContext.src = 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3';
	        
	        // （可选）监听播放结束事件
	        this.innerAudioContext.onEnded(() => {
	            console.log('音乐播放结束');
	            // 可以在这里添加播放下一首或重复播放的逻辑
	        });
	        
	        // （可选）监听播放错误事件
	        this.innerAudioContext.onError((err) => {
	            console.error('音乐播放出错:', err);
	        });
	    },
	    methods: {
	        // 播放音乐的方法
	        playMusic() {
	            this.innerAudioContext.play();
	            console.log('音乐开始播放');
	        },
	        
	        // 暂停音乐的方法（如果需要）
	        pauseMusic() {
	            this.innerAudioContext.pause();
	            console.log('音乐暂停');
	        },
	        
	        // 停止音乐的方法（如果需要）
	        stopMusic() {
	            this.innerAudioContext.stop();
	            console.log('音乐停止');
	        }
	    }
	};
	
</script>
 
<style lang="scss">
	
 
</style>